<!--<template>-->
<!--  <el-container>-->
<!--    <el-header>-->
<!--      <div-->
<!--          class="system-item"-->
<!--          style="color: #f0f0f0; front-size: 18px; margin-left: 5px">-->
<!--        <a href="">-->
<!--          <img-->
<!--              style="-->
<!--              width: 40px;-->
<!--              height: 40px;-->
<!--              margin-right: 10px;-->
<!--              border-radius: 50%;-->
<!--              margin-top: 5px;-->
<!--            "src="./images/logo.png"-->
<!--          />-->
<!--        </a>-->
<!--        实训项目管理系统-->
<!--      </div>-->
<!--      <div class="system-item2">-->
<!--        <div class="dayitem">操作日志</div>-->
<!--        <div class="dayitem" @click="$router.push('/about')">用户个人</div>-->
<!--        <div class="dayitem">密码修改</div>-->
<!--        <div class="dayitem">个人中心</div>-->
<!--        <div class="dayitem">退出</div>-->
<!--      </div>-->
<!--    </el-header>-->
<!--    <el-container>-->
<!--      <el-aside width="300px">-->
<!--        <el-row class="tac">-->
<!--          <el-col :span="12">-->
<!--            <el-menu-->
<!--                default-active="2"-->
<!--                class="el-menu-vertical-demo"-->
<!--                @open="handleOpen"-->
<!--                @close="handleClose"-->
<!--            >-->
<!--              <el-submenu index="1">-->
<!--                <template slot="title">-->
<!--                  <i class=""></i>-->
<!--                  <span>实训班名称</span>-->
<!--                </template>-->
<!--                <el-menu-item-group>-->
<!--                  <el-menu-item index="1-1">实训学生</el-menu-item>-->
<!--                  <el-menu-item index="1-2">实训小组</el-menu-item>-->
<!--                  <el-menu-item index="1-3">实训考勤</el-menu-item>-->
<!--                  <el-menu-item index="1-4">实训班档案</el-menu-item>-->
<!--                  <el-menu-item index="1-5">评分</el-menu-item>-->
<!--                  <el-menu-item index="1-6">实训评分方案</el-menu-item>-->
<!--                  <el-menu-item index="1-7">实训教师评教</el-menu-item>-->
<!--                </el-menu-item-group>-->
<!--              </el-submenu>-->
<!--            </el-menu>-->
<!--          </el-col>-->
<!--        </el-row>-->
<!--      </el-aside>-->
<!--      <el-container>-->
<!--        <el-main>-->

<!--          <router-view/>-->

<!--        </el-main>-->
<!--        <el-footer>Footer</el-footer>-->
<!--      </el-container>-->
<!--    </el-container>-->
<!--  </el-container>-->
<!--</template>-->
<!--<script>-->
<!--export default {-->
<!--  data() {-->

<!--  },-->
<!--  methods: {-->
<!--    handleOpen(key, keyPath) {-->
<!--      console.log(key, keyPath);-->
<!--    },-->
<!--    handleClose(key, keyPath) {-->
<!--      console.log(key, keyPath);-->
<!--    },-->
<!--  },-->
<!--};-->
<!--</script>-->
<!--<style>-->
<!--* {-->
<!--  margin: 0;-->
<!--  padding: 0;-->
<!--}-->

<!--.system-item2 {-->
<!--  display: flex;-->
<!--  margin-left: 600px;-->
<!--  text-align: center;-->
<!--  justify-content: center;-->

<!--}-->

<!--.dayitem {-->
<!--  margin-left: 20px;-->
<!--}-->

<!--.el-header,-->
<!--.el-footer {-->
<!--  background-color: #b3c0d1;-->
<!--  color: #333;-->
<!--  text-align: center;-->
<!--  line-height: 60px;-->
<!--}-->

<!--.el-aside {-->
<!--  /*background-color:;*/-->
<!--  color: #333;-->
<!--  text-align: center;-->
<!--  line-height: 200px;-->
<!--  height: 100%;-->
<!--}-->

<!--.el-main {-->
<!--  background-color: #e9eef3;-->
<!--  color: #333;-->
<!--  text-align: center;-->
<!--  line-height: 260px;-->
<!--  height: 100%;-->
<!--}-->

<!--body > .el-container {-->
<!--  margin-bottom: 40px;-->
<!--}-->

<!--.el-container:nth-child(5) .el-aside,-->
<!--.el-container:nth-child(6) .el-aside {-->
<!--  line-height: 260px;-->
<!--}-->

<!--.el-container:nth-child(7) .el-aside {-->
<!--  line-height: 320px;-->
<!--}-->

<!--.system-item {-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  position: absolute;-->
<!--  left: 0;-->
<!--  top: 0;-->
<!--  width: 200px;-->
<!--  line-height: 45px;-->
<!--  text-align: center;-->
<!--  color: #009688;-->
<!--  font-size: 16px;-->
<!--}-->
<!--</style>-->




<template>
  <div id="app">
<!--    <p>-->
<!--      输入值：<input v-model="toChildValue"> ，将值传递给子组件-->
<!--    </p>-->
<!--    <Mycomponent :parentvalue="toChildValue"></Mycomponent>-->
    <router-view></router-view>
  </div>
</template>
<script>
// import MyComponent from "@/components/MyComponent";
export default {
  name:'app',
  // data(){
  //   return{
  //     toChildValue:'起床啦~'
  //   }
  // },
  components: {
    // MyComponent
  }
}

</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

/*nav {*/
/*  padding: 30px;*/
/*}*/

/*nav a {*/
/*  font-weight: bold;*/
/*  color: #2c3e50;*/
/*}*/

/*nav a.router-link-exact-active {*/
/*  color: #42b983;*/
/*}*/
</style>
